<!DOCTYPE html>
<html class="pixel-ratio-1">

<head>
    <meta charset="utf-8" />
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
    <meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate" />
    <meta name="viewport" content="width=375, user-scalabe=no">
    <meta http-equiv="pragma" content="no-cache" />
    <meta http-equiv="expires" content="0" />
    <title>车辆采样检测</title>
    <link rel="stylesheet" type="text/css" href="../../../../public/vendor/weui/weui.min.css" />
    <link rel="stylesheet" type="text/css" href="../../../../public/css/common.css" />
    <link rel="stylesheet" type="text/css" href="../../../../public/css/iconfont/iconfont.css" />
    <link rel="stylesheet" href="../../../../public/vendor/weui/jquery-weui.css">
    <link rel="stylesheet" href="../../../../public/vendor/select2/select2.css">
    <!-- Site CSS -->
    <link rel="stylesheet" href="../../../../public/themes/base/css/site.css" id="admui-siteStyle">
    <link rel="stylesheet" href="../../../../public/css/features/breedsales/vehiclesamp/vehicle.css">

</head>

<body>
    <div id="vehicle-app" class="d-none">
        <!-- 搜索日期 -->
        <div id="pickData" class="weui-cell weui-cell_select datepicker">
            <div>
                <i class="date-icon iconfont icon-jiantou_yemian_xiangzuo_o" @click="changeOneDay('pre')"></i>
            </div>
            <div class="dateStr" @click="clickDate">
                <span>{{queryDateStr}}</span>
            </div>
            <div>
                <i class="date-icon iconfont icon-jiantou_yemian_xiangyou_o" @click="changeOneDay('next')"></i>
            </div>
        </div>

        <!-- 搜索 -->
        <div class="weui-search-bar" id="search_bar">
            <form class="weui-search-bar__form" style="height: 35px;" @submit.prevent="search">
                <div class="weui-search-bar__box input-search">
                    <i class="weui-icon-search"></i>
                    <input type="search" v-model="queryKey" class="weui-search-bar__input ios-input-adjustment"
                           id="search-index" placeholder="请输入查询信息..." />
                    <a href="javascript:" class="weui-icon-clear" id="search_clear" @click="clearSearch"></a>
                </div>
                <label for="search_input" class="weui-search-bar__label" id="search_text">
                    <i class="weui-icon-search"></i>
                    <span>搜索</span>
                </label>
            </form>
            <a href="javascript:" class="weui-search-bar__cancel-btn" id="search_cancel" @click="clearSearch">取消</a>
        </div>
        <!-- 车辆列表 -->
        <div id="vehicle-list" class="vehicle-list">
            <div class="vehicle-item" v-for="item in vehicleList" :key="item">
                <div class="item-content">
                    <div class="top">
                        <div class="carNo">{{item.carNo}}</div>
                        <div class="info">
                            {{item.bizDateStr}}
                        </div>
                        <div v-if="isHandle" :class="`result ${item.result ? 'success' : 'default'} ribbon-1`">
                            {{item.resultStr}}
                        </div>
                    </div>
                    <div v-if="isHandle" class="top">
                        标签: {{item.tags}}
                    </div>
                    <div v-if="isHandle" class="top" style="margin-top: 10px;">
                        <span class="operation-button" data-flag="vehicle-click-edit"
                              style="border-radius: 30px; padding: 3px 7px; background-color: rgb(194 190 190); margin-left: auto; margin-right: 20px;"
                              @click="editResult(item)">
                            <span class="operation-button-text">
                                <i class="icon iconfont icon-edit-linear icon-font-size-24" style="font-size: 24px; font-weight: bold;" aria-hidden="true"></i>
                                <span class="operation-button-text">修改</span>
                            </span>
                        </span>
                    </div>
                </div>
                <!-- 操作按钮 -->
                <div class="operation-area" v-if="!isHandle">
                    <span class="operation-button" data-flag="table-click-edit" @click="confirm(item)">
                        <!--<span class="operation-button-text">合格</span>-->
                        <span class="operation-button-text">
                            <i class="icon iconfont icon-hege icon-font-size-24"
                               style="font-size: 29px;" aria-hidden="true"></i><span class="operation-button-text">合格</span>
                        </span>
                    </span>
                    <span class="operation-button" @click="other(item)">
                        <!--<span class="operation-button-text">其他</span>-->
                        <span class="operation-button-text">
                            <i class="icon iconfont icon-edit-no-border icon-font-size-24"
                               style="font-size: 24px;" aria-hidden="true"></i><span class="operation-button-text">其他</span>
                        </span>
                    </span>
                </div>
            </div>
            <div class="weui-loadmore weui-loadmore_line" style="margin-top: 100px;">
                <span class="weui-loadmore__tips" style="background: #f1f1f1;">已经到底了</span>
            </div>
        </div>
        <!-- 选项栏 -->
        <div class="weui-navbar" id="navbar" style="height: 56px;">
            <div v-for="item in navList" :key="item.value"
                 :class="`weui-navbar__item ${activeNavValue === item.value ? 'weui-bar__item--on' : ''}`"
                 @click="clickNav(item)">{{item.text}}</div>
        </div>
        <!-- 返回主页 按钮 -->
        <div id="returnMain" class="returnHome" @click="returnHome"><i class="icon iconfont icon-pages"></i></div>
        <!-- 确认框 -->
        <div class="weui-mask weui-mask--visible " v-show="dialogType || showDatePicker" @touchmove.prevent=""></div>
        <div class="weui-dialog weui-dialog--visible" v-show="dialogType" @touchmove.prevent="">
            <div class="weui-dialog__hd">
                <strong class="weui-dialog__title">{{dialogTitle}}</strong>
            </div>
            <div class="weui-dialog__bd" style="padding-top: 5px">
                <div class="weui-cells__group weui-cells__group_form">
                    <template v-if="dialogType === 'confirm'">
                        <div class="" style="padding:5px;display:flex;justify-content: center; padding-bottom: 20px;">
                            <div>是否提交车辆<span style="color:#ee6808">{{selectItem.carNo}}</span>的采样检测结果？</div>
                        </div>
                    </template>
                    <template v-else-if="dialogType === 'other'">
                        <div style="display: flex; align-items: center; margin-bottom: 10px;">
                            <span style="flex-shrink: 0; margin-right: 5px; width: 80px;">标&emsp;&emsp;签:</span>
                            <textarea v-model="tags" placeholder="" cols="30" rows="1"></textarea>
                        </div>
                    </template>
                    <template v-else-if="dialogType === 'changeResult'">
                        <div class="" style="padding:5px; padding-bottom: 20px;">
                            <div style="display: flex; margin-bottom: 10px; align-items: center;">
                                <div style="margin-right: 5px; flex-shrink: 0; width: 80px">检测结果: </div>
                                <select class="weui-select clearContent" id="result" style="visibility: hidden;" required></select>
                            </div>
                            <div style="display: flex; align-items: center;">
                                <span style="flex-shrink: 0; margin-right: 5px; width: 80px;">标&emsp;&emsp;签:</span>
                                <textarea v-model="changetags" placeholder="" cols="30" rows="1"></textarea>
                            </div>
                        </div>
                    </template>
                </div>

                <div class="weui-dialog__ft">
                    <a href="javascript:;" class="weui-dialog__btn default" @click="cancelOther">取消</a>
                    <a href="javascript:;" class="weui-dialog__btn" @click="submitOther">提交</a>
                </div>
            </div>
        </div>
        <div id="date-range-picker"></div>
    </div>


    <script type="text/javascript" src="../../../../public/vendor/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="../../../../public/vendor/vue/vue.min.js"></script>
    <script type="text/javascript" src="../../../../public/vendor/moment/moment.min.js"></script>
    <script type="text/javascript" src="../../../../public/vendor/weui/weui.js"></script>
    <script type="text/javascript" src="../../../../public/vendor/weui/jquery-weui.min.js"></script>
    <script type="text/javascript" src="../../../../public/js/common/iosadaptation.js"></script>
    <script type="text/javascript" src="../../../../public/js/config/utils.js"></script>
    <script type="text/javascript" src="../../../../public/vendor/swiper/swiper.js"></script>
    <script type="text/javascript" src="../../../../public/vendor/select2/select2.full.min.js"></script>
    <script type="text/javascript" src="../../../../public/vendor/select2/i18n/zh-CN.js"></script>
    <!-- <script src="../../../../../public/js/common/mescroll/mescroll.min.js" type="text/javascript" charset="utf-8"></script> -->

    <script type="module" src="../../../../public/js/features/breedsales/vehiclesamp/vehicle.js"></script>
</body>

</html>